<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Clock</title>

<link rel="stylesheet" href="css/clock.css">

</head>
<body>

<!-- 注意这里正确闭合了div标签 -->
<div class="clock" id="helang-clock">
    <!-- 这里可以添加一些占位内容或者等待CSS和JavaScript来渲染时钟 -->
</div>

<!-- 确保在body标签的底部加载JavaScript文件，以便DOM元素已经加载 -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/clock.js"></script>
<script type="text/javascript">
    // 确保DOM加载完成后再调用clock()函数
    $(document).ready(function() {
        $("#helang-clock").clock(); // 调用在clock.js中定义的clock方法
    });
</script>

</body>
</html>